// 导出属于员工的路由规则
import Layout from '@/layout'
//  {  path: '', component: '' }
// 每个子模块 其实 都是外层是layout  组件位于layout的二级路由里面
export default {
  path: '/approvals', // 路径
  name: 'approvals', // 给路由规则加一个name
  component: Layout, // 组件
  // 配置二级路的路由表
  children: [
    {
      name: 'approvals', // 给路由规则加一个name
      path: '', // 这里当二级路由的path什么都不写的时候 表示该路由为当前二级路由的默认路由
      component: () => import('@/views/approvals'),
      // 路由元信息  其实就是存储数据的对象 我们可以在这里放置一些信息
      meta: {
        icon: 'tree-table',
        title: '审批' // meta属性的里面的属性 随意定义 但是这里为什么要用title呢， 因为左侧导航会读取我们的路由里的meta里面的title作为显示菜单名称
      }
    },

    // {
    //   path: 'salaryApproval/:id',
    //   component: () => import('@/views/approvals/salary'),
    //   name: 'salartApproval',
    //   hidden: true,
    //   meta: {
    //     title: '工资审核',
    //     icon: 'approval', noCache: true
    //   }

    // },
    // {
    //   path: 'overtimeApproval/:id',
    {
      path: 'overtime/:id',
      component: () => import('@/views/approvals/overtime'),
      name: 'overtime',
      hidden: true,
      meta: {
        title: '加班申请',
        icon: 'approval', noCache: true }
    },
    {
      path: 'quit/:id',
      component: () => import('@/views/approvals/quit'),
      name: 'quit',
      hidden: true,
      meta: {
        title: '申请离职',
        icon: 'approval', noCache: true }
    },
    {
      path: 'leave/:id',
      component: () => import('@/views/approvals/leave'),
      name: 'leave',
      hidden: true,
      meta: {
        title: '申请请假',
        icon: 'approval', noCache: true }
    },
    {
      path: 'securitySetting',
      component: () => import('@/views/approvals/securitys'),
      name: 'securitySetting',
      hidden: true,
      meta: {
        title: '设置',
        icon: 'approval', noCache: true }
    }

  ]
}

// 当你的访问地址 是 /employees的时候 layout组件会显示 此时 你的二级路由的默认组件  也会显示
